<!-- Add topics -->
<div id="hfr-addNewSite" class="hfr-mw450" ng-controller="BlogsController">

  <alert ng-repeat="alert in alerts" type="{{alert.type}}" close="closeAlert($index)">{{alert.msg}}</alert>

	<form class="hfr-formAddNewSite">
		<h2 class="hfr-heading">Topics Suggestion</h2>
		<div class="form-group">
			<div class="input-group">
				<input type="text" class="form-control" id="hfr-categoriesSuggestions" placeholder="Enter Topics">
				<span class="input-group-addon ti-folder"></span>
			</div>
		</div>
		
		<div class="form-group">
			<select multiple ng-multiple="true">
				<option ng-repeat="topic in topics">{{topic.name}}</option>
			</select>
		</div>
		
		<div class="row">
			<div class="col-md-8">
				<a href="#" class="hfr-button-link">
					<span class="ti-angle-left"></span> Back
				</a>
			</div>
			<div class="col-md-4 content-right">
				<button type="button" class="hfr-button-cyan btn-block hfr-solid" ng-click="addTopic()">Add Topic</button>
			</div>
		</div>
	</form>

	<hr />

	<img src="http://sierrafire.cr.usgs.gov/images/loading.gif" width="200" />
	
</div>